<template>
  <div class="haruyuki-scrollbar-60vh haruyuki-p-10">
    <div class="haruyuki-box-hazeBlue-shadow haruyuki-mb-20">
      <div class="aisle-template haruyuki-flex-space-between haruyuki-align-items-center haruyuki-ptb-10 haruyuki-bg-color-hazeblue">
        <div class="haruyuki-flex-center haruyuki-plr-20">
          <span class="haruyuki-size-16 haruyuki-ml-20">云闪付</span>
        </div>
      </div>
      <transition name="policy">
        <div>
          <table class="haruyuki-width-100">
            <colgroup>
              <col style="width: 200px; min-width: 200px;">
              <col>
            </colgroup>
            <tbody class="ant-table-tbody">
              <!-- <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="0">
                <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center;">扫码垫资费费率</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <el-input-number
                    class="haruyuki-width-50"
                    size="mini"
                    v-model="dataItem.codeAdvanceRate"
                    :precision="4"
                    :step="0.0001"
                    :min="dataItem.codeAdvanceRateMin"
                    :max="1"
                  ></el-input-number>
                  <span> %</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center;">（可设置最低扫码垫资费费率为：{{dataItem.codeAdvanceRateMin}}）</td>
              </tr>
              <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="1">
                <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center;">成本费率</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <el-input-number
                    class="haruyuki-width-50"
                    size="mini"
                    v-model="dataItem.aptRate"
                    :precision="4"
                    :step="0.0001"
                    :min="dataItem.aptRateMin"
                    :max="1"
                  ></el-input-number>
                  <span> %</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center;">（可设置最低成本费率为：{{dataItem.aptRateMin}}）</td>
              </tr>
              <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="2">
                <td class="haruyuki-bg-color-hazeblue" :class="dataItem.isShowUnionPay == 1?'haruyuki-border-bottom-white':'haruyuki-border-bottom-hazeblue'" style="text-align: center;">结算比例</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <el-input-number
                    class="haruyuki-width-50"
                    size="mini"
                    v-model="dataItem.aptScale"
                    :precision="0"
                    :min="1"
                    :max="100"
                    @change="changeAptScale($event, index)"
                  ></el-input-number>
                  <span> %</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue haruyuki-color-silverGray" style="text-align: center;"></td>
              </tr> -->
              <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="3">
                <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center;">大额费率</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <span>借记卡大额费率(大于1000)：{{data.debitRate1}}</span>
                  <span> %</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue" style="text-align: center;">
                  <span>贷记卡大额费率(大于1000)：{{data.creditRate1}}</span>
                  <span> %</span>
                </td>
              </tr>
              <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="4">
                <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center;">小额封底</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <span>借记卡小额封底金额：{{data.debitMin2}}</span>
                  <span> ¥</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue" style="text-align: center;">
                  <span>贷记卡小额封底金额：{{data.creditMin2}}</span>
                  <span> ¥</span>
                </td>
              </tr>

              <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="5">
                <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-white" style="text-align: center;">大额封底</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <span>借记卡大额封底金额：{{data.debitMin1}}</span>
                  <span> ¥</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue" style="text-align: center;">
                  <span>贷记卡大额封底金额：{{data.creditMin1}}</span>
                  <span> ¥</span>
                </td>
              </tr>
              <tr class="haruyuki-line-height-special haruyuki-plr-40" data-row-key="6">
                <td class="haruyuki-bg-color-hazeblue haruyuki-border-bottom-hazeblue" style="text-align: center;">封顶金额</td>
                <td class="haruyuki-plr-20 haruyuki-border-bottom-hazeblue" style="text-align: center;">
                  <span>借记卡大额封顶金额：{{data.debitMax1}}</span>
                  <span> ¥</span>
                </td>
                <td class="haruyuki-border-bottom-hazeblue haruyuki-border-right-hazeblue" style="text-align: center;">
                  <span>借记卡小额封顶金额：{{data.debitMax2}}</span>
                  <span> ¥</span>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </transition>
    </div>
  </div>
</template>

<script>
// import { getThirdStepAttach } from "@/api/rb-service/serviceinfo/service_info";

export default {
  props: {
    data: Array, //通道政策 树形数据
  },
  data() {
    return {
      // data: [], //通道政策 树形数据
    };
  },
  watch: {},
  created() {},
  methods: {
    // /* 政策详情 */
    // async getPolicy() {
    //     await getThirdStepAttach(this.merchantId).then((res) => {
    //       if (res.data.code == "200") {
    //         this.data = res.data.data;
    //         this.$emit("codeAdvanceRate", res.data.data.codeAdvanceRate)
    //       } else {
    //         this.$message({
    //           type: "error",
    //           message: res.data.message,
    //         });
    //       }
    //     });
    // },
  },
};
</script>

<style lang="scss" scoped>
.aisle-template {
  width: 100%;
  font-weight: bold;
}

.policy-mr-3 {
  margin-right: 3px;
}

.policy-ml-3 {
  margin-left: 3px;
}

.policy-enter-active, .policy-leave-active {
	transition: all .1s ease-in-out 0s;
}
.policy-enter, .policy-leave-to {
	opacity: 0
}
</style>